<div class='mkt-page-holiday-gift-card'>

  <svg height='0' style='position: absolute' width='0'>
    <symbol id='svg-add-tiny' viewbox='0 0 8 8'>
      <path clip-rule='evenodd' d='M4.0005 0C3.44794 0 3 0.447939 3 1.0005V3H1C0.447715 3 0 3.44772 0 4V4C0 4.55228 0.447715 5 1 5H3V6.9995C3 7.55206 3.44794 8 4.0005 8V8C4.55306 8 5.001 7.55206 5.001 6.9995V5H7C7.55228 5 8 4.55228 8 4V4C8 3.44772 7.55228 3 7 3H5.001V1.0005C5.001 0.447939 4.55306 0 4.0005 0V0Z' fill-rule='evenodd'></path>
    </symbol>
    <symbol id='svg-minus-tiny' viewbox='0 0 8 2'>
      <rect height='2' rx='1' width='8'></rect>
    </symbol>
    <symbol id='svg-checkmark-tiny' viewbox='0 0 8 8'>
      <path d='M3.30913 8C3.0158 8 2.73358 7.88442 2.52358 7.67438L0.32583 5.47599C-0.10861 5.04257 -0.10861 4.34021 0.32583 3.90569C0.760269 3.47116 1.46248 3.47116 1.89692 3.90569L3.16913 5.17835L5.98574 0.462633C6.34352 -0.0341285 7.03573 -0.149706 7.53683 0.20814C8.03572 0.565985 8.14905 1.26056 7.79128 1.75843L4.21134 7.53769C4.01245 7.81663 3.68357 8 3.30913 8Z'></path>
    </symbol>
    <symbol id='svg-alert-tiny' viewbox='0 0 2 8'>
      <path clip-rule='evenodd' d='M0 4V1C0 0.354858 0.447754 0 1 0C1.55225 0 2 0.354858 2 1V4C2 4.64514 1.55225 5 1 5C0.447754 5 0 4.64514 0 4ZM2 7C2 7.55225 1.55225 8 1 8C0.447754 8 0 7.55225 0 7C0 6.44775 0.447754 6 1 6C1.55225 6 2 6.44775 2 7Z' fill-rule='evenodd'></path>
    </symbol>
  </svg>

  <section class='hero'>
    <div class='wrapper md-flex'>
      <div class='md-col-6 pb4'>
        <h1 class='h500 neutralsolid800 -font-extra-bold'>Deze feestdagen,</h1>
        <h2 class='h700 pb4 -font-extra-bold primary500'>geef je ontwikkelaars het cadeau van vrijgevigheid.</h2>
        <h3 class='h300 pb4 neutralsolid800'>Bied je ontwikkelaars 👩🏾‍💻👨🏼‍💻 een cadeaukaart aan om te doneren aan de open source projecten waar zij van houden. ❤️</h3>
        <p class='pb4'>Je ontwikkelaars zullen dit jaar geweldige dingen hebben gedaan. Zonder de steun van de open source gemeenschap zouden ze niet veel hebben kunnen doen. Dat is waar ze leren, waar ze hulpmiddelen, bibliotheken en modules kunnen hergebruiken zodat ze het wiel niet opnieuw moeten uitvinden en ze kunnen focussen op het te laten werken voor jouw specifieke behoeften.</p>
        <p class='pb1 -font-bold neutralsolid800'>Veelgestelde vragen</p>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Wat gebeurd er wanneer de cadeaukaarten niet gebruikt worden?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption neutralsolid600'>Je betaalt enkel wanneer de cadeaukaarten gebruikt worden. Als je een cadeaukaart van €50 aan 10 werknemers geeft en slechts 8 gebruiken ze dan zal je enkel €400 moeten betalen.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Krijg ik een factuur?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Ja, je zal een een correcte geconsolideerde maandelijkse factuur ontvangen van de <a href='https://opencollective.com/opensource'>Open Source Collectieven 501 c6.</a></p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Is er een vervaldatum?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>De cadeaukaarten vervallen standaard na 3 maanden maar je kan je eigen vervaldatum instellen. Als ze daarna niet gebruikt worden dan worden ze inactief. Je zal nooit moeten betalen als ze niet gebruikt worden.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Ik heb een cadeaukaart ontvangen, moet ik alles in één keer gebruiken?            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>No, je kan je cadeaukaart gebruiken om elke hoeveelheid aan elk collectief te geven zolang je saldo op de kaart hoog genoeg is.</p>
        </details>
        <details class='pb1'>
          <summary class='pb1 neutralsolid800 caption -font-medium'>
            Wie zal verschijnen als supporter? Mijn onderneming of mijn werknemer?
            <svg height='8' width='8'>
              <use class='closed-icon' xlink:href='#svg-add-tiny'></use>
              <use class='open-icon' xlink:href='#svg-minus-tiny'></use>
            </svg>
          </summary>
          <p class='pb1 caption'>Beide! De persoon aan wie je de cadeaukaart gaf is degene die de collectieven uitkiest die ze willen steunen. Maar hun donatie zal tonen dat ze een cadeaukaart gebruikten uitgedeeld door jouw onderneming en je onderneming zal ook als sponsor van het collectief aangeduid zijn. Bekijk bijvoorbeeld <a href='https://opencollective.com/triplebyte'>Triplebyte</a> die als sponsor is aangegeven van <a href='https://opencollective.com/electron'>Electron</a>.</p>
        </details>
      </div>
      <div class='md-col-6 form-col'>
        <div class='form-wrapper'>
        <div>
          <div class='gift-card-wrapper'>
            <div class='gift-card'>
              <div class='gift-card-text'>
                <p class='white100'>Maak nu een organisatie aan en start met het uitgeven van cadeaukaarten!</p>
              </div>
              <svg class='gift-card-svg' height='81px' preserveAspectRatio='xMidYMax meet' viewbox='0 0 288 81' width='100%'>
                <g fill-rule='evenodd' fill='none' stroke-width='1' stroke='none'>
                <path d='M288,12.4570165 L288,81.0000165 L0,81.0000165 L0,56.2650165 C177.12,69.4070165 120.24,-3.60588353 288,12.4570165 Z' fill='#FFFFFF'></path>
                <path d='M0,53.9550165 C135.72,56.2140165 109.8,-25.8974835 288,8.37871647 C288,9.13201647 288,11.4933165 288,13.0000165 C123,-4.49998353 177.12,69.7740165 0,56.2140165 C0,12.5219165 0,55.8380165 0,53.9550165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.4'></path>
                <path d='M0,11.5714165 C106.2,11.5714165 161.64,51.8360165 288,35.2790165 C288,30.7630165 288,54.8470165 288,57.8570165 C280.44,57.8570165 32.4,57.8570165 0,57.8570165 C0,14.2056165 0,13.4529165 0,11.5714165 Z' fill-opacity='0.48' fill-rule='nonzero' fill='#FFFFFF' opacity='0.24'></path>
                </g>
              </svg>
            </div>
          </div>
          <div class='sm-flex create-org-btn-container'>
            <a href="https://opencollective.com/organizations/new">
              <button class='btn -large -primary w100'>Maak een Organisatie aan</button>
            </a>
          </div>
        </div>
        </div>
      </div>
    </div>
  </section>

</div>
